@import '~antd/es/style/themes/default.less';
@import '~/public/cpas-ui/style/index.less';
@import '~/public/cpas-business/style/index.less';

html,
body,
#root {
  height: 100%;

  .ant-tabs-top>.ant-tabs-nav {
    margin: 0 !important;
  }

  .changeTabsHeight>.ant-tabs-nav::before {
    border: none !important;
  }
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  height: 100%;
}

.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead>tr,
    &-tbody>tr {

      >th,
      >td {
        white-space: pre;

        >span {
          display: block;
        }
      }
    }
  }
}

// Compatible with IE11
@media screen and(-ms-high-contrast: active),
(-ms-high-contrast: none) {
  body .ant-design-pro>.ant-layout {
    height: 100%;
  }
}

// .ant-tabs-nav {
//   background-color: #fafafa;
// }

.ant-table-body {
  overflow: auto !important;

  .ant-table-placeholder .ant-table-cell {
    border: none;
  }
}

.ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-normal {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-open {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-open .ant-tree-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #c8c8c8;
  border-radius: 10px;
}

// .ant-tree-directory .ant-tree-list .ant-tree-treenode-selected .anticon {
//   color: #fff;
// }

// dev 头部标题的居中
.devHeadersCenter {
  .dx-datagrid {
    .dx-datagrid-headers {
      .dx-datagrid-content {
        .dx-datagrid-table {
          .dx-header-row {
            td {
              text-align: center !important;
              // vertical-align: middle !important;
            }
          }
        }
      }
    }
  }
}

.hoverBac {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.hoverBac:hover {
  background-color: #dcdcdc;
}

.cell-selected {
  background-color: rgba(79, 46, 127, 0.2) !important;
}

/* 全局样式表 */
.dx-texteditor-input {
  overflow: visible;
  white-space: normal;
  text-overflow: clip !important; //所有下拉框列表,不再显示...
}

:root {
  --cpasPrimaryColor: #4f2d7f;
  //主题颜色
  --cpasPrimaryColor2: blueviolet;

  --tree-node-selected-bg: rgba(79, 45, 127, 0.1);
}

.cpasPrimaryColor2 {
  color: var(--cpasPrimaryColor2);
}

.cpasPrimaryColor {
  color: var(--cpasPrimaryColor);
}

/* 当屏幕宽度小于或等于800像素时 */
@media screen and (max-width: 1370px) {
  ::-webkit-scrollbar {
    height: 10px;
    /* 垂直滚动条的宽度 */
  }

  .ant-layout {
    ::-webkit-scrollbar {
      height: 8px;
      /* 垂直滚动条的宽度 */
    }
  }
}

.ant-layout {
  .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
    background-color: rgba(249, 248, 247) !important;
  }
}

.dx-popup-wrapper.fix-popup-title-width {
  .dx-toolbar {
    .dx-toolbar-item {
      max-width: fit-content !important;
    }
  }
}

// .page-tabs .ant-tabs-content > .ant-tabs-tabpane-hidden {
//   display:flex !important;
//   z-index: -1;
//   position: absolute;
//   top: -99999px;
//   left: -99999px;
// }
// .page-tabs .ant-tabs-content > .ant-tabs-tabpane-active {
//   position: absolute;
//   top: 0;
//   left: 0;
//   width: 100%;
//   height: 100%;
// }
.na-formula {
  color: red !important
}
